/* reset */
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, img { margin:0; padding:0; list-style: none; -webkit-user-select:none;}
html,body {
	height: 100%;
	position: relative;
	font-size: 16px;
}

/* css ku */
a {text-decoration: none; color: #bbb; }
a:link,a:visited,a:active,a:hover,a:focus {text-decoration: none;}
.bg1 { background-color: #11beb8; }.bg2{background-color: #1cc4cf;}.bg3{background-color: #28d1af;}.bgf{background-color: #fff;}
.bgb10 {background-color: rgba(0,0,0,.1);}.bgb40 {background-color: rgba(0,0,0,.4);}.bgw80{background-color: rgba(255,255,255,.8);}
.c1 {color: #11beb8;}.c2{color: #1cc4cf;}.c3{color: #28d1af;}.c0{color:#000;}.cb{color:#bbb;}.c6{color:#666;}.c9{color:#999;}.ce5 {color:#e5e5e5;}.c5f {color:#5f5f5f;}.cf{color:#fff;}
.f10{font-size:10px;}.f12{font-size:12px;}.f13{font-size:13px;}.f14{font-size:14px;}.f15{font-size:15px;}.f16{font-size:16px;}.f20{font-size:20px;}.f24{font-size:24px;}
.b { font-weight:bold; }
.l{float:left;}.r{float:right;}.cl{clear:both;}
.tc { text-align:center; }.tl{ text-align:left; }
.m0{padding:0;}.p0{padding:0;}
.mta{margin-top:auto;}.mba{margin-bottom:auto;}.mla{margin-left:auto;}.mra{margin-right:auto;}
.mt25{margin-top:25px;}.mb25{margin-bottom:25px;}.ml25{margin-left:25px;}.mr25{margin-right:25px;}
.mt20{margin-top:20px;}.mb20{margin-bottom:20px;}.ml20{margin-left:20px;}.mr20{margin-right:20px;}
.mt15{margin-top:15px;}.mb15{margin-bottom:15px;}.ml15{margin-left:15px;}.mr15{margin-right:15px;}
.mt10{margin-top:10px;}.mb10{margin-bottom:10px;}.ml10{margin-left:10px;}.mr10{margin-right:10px;}
.mt5{margin-top: 5px;}.mb5{margin-bottom: 5px;}.ml5{margin-left:5px;}.mr5{margin-right: 5px;}
.mt3{margin-top:3px;}.mb3{margin-bottom:3px;}.ml3{margin-left:3px;}.mr3{margin-right:3px;}
.mt2{margin-top:2px;}.mb2{margin-bottom:2px;}.ml2{margin-left:2px;}.mr2{margin-right:2px;}
.mt1{margin-top:1px;}.mb1{margin-bottom:1px;}.ml1{margin-left:1px;}.mr1{margin-right:1px;}
.mt0{margin-top:0px;}.mb0{margin-bottom:0px;}.ml0{margin-left:0px;}.mr1{margin-right:0px;}
.pp { padding: 10px 0 10px 6px; }
.pt25{padding-top:25px;}.pb25{padding-bottom:25px;}.pl25{padding-left:25px;}.pr25{padding-right:25px;}
.pt20{padding-top:20px;}.pb20{padding-bottom:20px;}.pl20{padding-left:20px;}.pr20{padding-right:20px;}
.pt15{padding-top:15px;}.pb15{padding-bottom:15px;}.pl15{padding-left:15px;}.pr15{padding-right:15px;}
.pt10{padding-top:10px;}.pb10{padding-bottom:10px;}.pl10{padding-left:10px;}.pr10{padding-right:10px;}
.pt5{padding-top: 5px;}.pb5{padding-bottom: 5px;}.pl5{padding-left:5px;}.pr5{padding-right: 5px;}
.pt2{padding-top:2px;}.pb2{padding-bottom:2px;}.pl2{padding-left:2px;}.pr2{padding-right:2px;}
.pt1{padding-top:1px;}.pb1{padding-bottom:1px;}.pl1{padding-left:1px;}.pr1{padding-right:1px;}
.pt0{padding-top:0px;}.pb0{padding-bottom:0px;}.pl0{padding-left:0px;}.pr0{padding-right:0px;}
.rel { position:relative; }.abs { position:absolute; }
.dn { display:none; }.dib { -moz-inline-stack:inline-block; display:inline-block; }.db { display:block; }
.ovh { overflow:hidden; }.ovs { overflow:scroll; }
.ha{ height: auto; }
.bd11 { border: 1px solid #11beb8; }
.bde1 { border: 1px solid #e5e5e5; }
.bdf1 { border: 1px solid #fff; }
.bdf2 { border: 2px solid #fff; }
.bdbe { border-bottom: 1px solid #e5e5e5; }
.lh18 { line-height: 18px; }
.lh20 { line-height: 20px; }
.lh40 { line-height: 40px; }
.br3 {border-radius: 3px;}.br6{border-radius: 5px;}
.br50 {border-radius:999px;border-top-left-radius:999px;border-top-right-radius:999px;border-bottom-right-radius:999px;border-bottom-left-radius:999px;background-clip:padding-box;}

/* common header */
.row-nav {
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	margin-bottom: 20px;
	height: auto;
	width: 100%;
	min-height: 48px;
	line-height: 48px;
	background-color: #11beb8;
}
.row-nav a { color: #fff; }
.row-nav a:link, .row-nav a:visited, .row-nav a:hover, .row-nav a:active { color: #fff; }
.row-nav .logo {
	margin: 15px 0 0 20px;
	float: left;
	height: 18px;
}
.row-nav .back {
	display: block;
	margin: 0 0 0 18px;
	float: left;
	height: 48px;
	width: 5%;
	background-image: url(../img/back_icon.png);
	background-repeat: no-repeat;
	background-size: 16px;
	background-position: 0 50%;
}
.row-nav .top-title {
	float: left;
	margin: 15px 0 0 5px;
	color: #FFF;
	font-size: 16px;
	font-weight: bolder;
}
.nav_edit {
	height: auto;
	width: 100%;
	min-height: 48px;
	line-height: 48px;
	background-color: #11beb8;
}
.nav_edit a { color: #fff; }
.nav_edit a:link, .nav_edit a:visited, .nav_edit a:hover, .nav_edit a:active { color: #fff; }
.nav_edit .logo {
	margin: 15px 0 0 20px;
	float: left;
	height: 18px;
}
.nav_edit .top-title {
	float: left;
	margin: 15px 0 0 5px;
	color: #FFF;
	font-size: 16px;
	font-weight: bolder;
}

/* common footer */
a.footer:link { color: #bbb; text-decoration: none; }
a.footer:visited { color: #bbb; text-decoration: none; }
a.footer:hover { color: #bbb; text-decoration: none; }
a.footer:active { color: #bbb; text-decoration: none; }

.footer {
	display: block;
	margin: 0;
	padding-top: 20px;
	padding-bottom: 10px;
	font-size: 12px;
	text-align: center;
	line-height: 1.1;
	color: #bbb  !important;
	position: absolute;
    margin: 0 auto;
    bottom: 0px;
    width: 100%;
}
.footer small { color: #11beb8; }
.footer-box {
	position: absolute;
	padding-bottom: 10px;
	margin-top: 20px;
	width: 100%;
	height: 48px;
	bottom: 0;
	background-color: rgba(255,255,255,.8);
}

/* common css */
.form-control::-webkit-input-placeholder { color: #bbb; }
.form-control::-ms-input-placeholder { color: #bbb; }
.form-control::-webkit-input-placeholder { color: #bbb; }
.form-control::-ms-input-placeholder { color: #bbb; }
.form-control:focus { border-color:#266396;box-shadow: none;}
.form-group input,
.form-control {
	width: 100%;
	height: 40px;
	line-height: 20px;
	margin: 0;
	padding: 8px 0 8px 10px;
	font-size: 14px;
	color: #11beb8;
	border-radius: 3px;
	border: 1px solid #e5e5e5;
	background: #fff;
	-webkit-appearance: none;
	box-shadow: none;
	transition: border .25s linear, color .25s linear, background-color .25s linear;
}
.form-group {
	margin: 0;
}
.list_title{
	background:#f5f5f5;
	height:40px;
	line-height:40px;
	margin:0px 0 20px 0;
	padding-left: 20px;
	color:#999;
	font-size:12px;
}
.list_title span {
	background-repeat: no-repeat;
	background-size:10px;
	background-position: 0 2px;
	padding-left:14px;
}
.btn-success {
	padding:0 25px;
    width: 100%;
	line-height: 40px;
	font-size: 14px;
	font-weight:bold;
	border: 0;
	border-radius:3px;
}
.btn-green:link,
.btn-green:hover,
.btn-green:visited,
.btn-green:active,
.btn-green:focus { background-color: #11beb8; color: #fff; border-color: #11beb8; }
.btn-green {
	margin: 10px 0;
	padding: 0;
	width: 50%;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-size: 16px;
	background-color: #11beb8;
	border-radius: 999px;
	border: 0;
}
.btn-whrite:link,
.btn-whrite:hover,
.btn-whrite:visited,
.btn-whrite:active,
.btn-whrite:focus { background-color: #fff; color: #11beb8; border-color: #11beb8; }
.btn-whrite {
	margin: 10px 0;
	padding: 0;
	width: 50%;
	height: 30px;
	line-height: 30px;
	color: #11beb8;
	font-size: 16px;
	background-color: #fff;
	border: 1px solid #11beb8;
	border-radius: 999px;
}
.infochangebtn,
.compchangebtn {
	font-family:Impact;
	width:40px;
	height:40px;
	border:1px solid #d9d9d9;
	color:#d9d9d9;
	font-size:32px;
	text-align:center;
	line-height:32px;
	border-radius:40px;
	-webkit-border-radius:40px;
	float:right;
	cursor:pointer;
	background:url(../img/changebtnplus.png) 5px 5px no-repeat;
}
.infochangebtn2,
.compchangebtn2 {
	font-family:Impact;
	width:40px;
	height:40px;
	border:1px solid #d9d9d9;
	color:#d9d9d9;
	font-size:32px;
	text-align:center;
	line-height:32px;
	border-radius:40px;
	-webkit-border-radius:40px;
	float:right;
	cursor:pointer;
	background:url(../img/changebtn.png) 5px 5px no-repeat;
}
.row_btn_5b {
	height: 36px;
	margin: 20px 0;
}
.row_btn_5b .listbtn_l {
	float: left;
	width: 47%;
	height: 36px;
	line-height: 36px;
	border: 0;
	color: #fff;
	font-size: 14px;
	background-color: #ccc;
	border-radius: 5px;
}
.row_btn_5b .listbtn_r {
	float: right;
	width: 47%;
	height: 36px;
	line-height: 36px;
	border: 0;
	color: #fff;
	font-size: 14px;
	background-color: #11beb8;
	border-radius: 5px;
}
.btn_5b {
	width: 100%;
	height: 44px;
	line-height: 44px;
	border: 0;
	color: #fff;
	font-size: 14px;
	background-color: #11beb8;
	border-radius: 5px;
}
.btn_3b {
	margin-top: 30px;
	width: 100%;
	height: 40px;
	line-height: 40px;
	border: 0;
	color: #fff;
	font-size: 16px;
	background-color: #11beb8;
	border-radius: 3px;
}
.row_btn_3b {
	height: 42px;
	margin: 20px 0;
}
.row_btn_3b .listbtn_l {
	float: left;
	width: 45%;
	height: 46px;
	line-height: 46px;
	border: 0;
	color: #fff;
	font-size: 16px;
	background-color: #ccc;
	border-radius: 3px;
}
.row_btn_3b .listbtn_r {
	float: right;
	width: 45%;
	height: 46px;
	line-height: 46px;
	border: 0;
	color: #fff;
	font-size: 16px;
	background-color: #11beb8;
	border-radius: 3px;
}
.ing-ok{
	color: #fff;
	font-size: 12px;
	background-color: #33cc99;
	padding: 2px 4px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	white-space: nowrap;
}
.ing-no {
	color: #fff;
	font-size: 12px;
	background-color: #ea6084;
	padding: 2px 4px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	white-space: nowrap;
}
.ing-waite {
	color: #fff;
	font-size: 12px;
	background-color: #e68e59;
	padding: 2px 4px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	white-space: nowrap;
}
.ing-suc {
	color: #fff;
	font-size: 12px;
	background-color: #33cc99;
	padding: 2px 4px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	white-space: nowrap;
}
.ing-ex {
	color: #666;
	font-size: 12px;
	background-color: #ebebeb;
	padding: 2px 4px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	white-space: nowrap;
}
.tit-t1 {
	font-size: 16px;
	color: #333;
}
.tit-t1 small {
	font-size: 12px;
	color: #afafaf;
 }
.tit-t2 {
	font-size: 12px;
	color: #7f7f7f;
}
.tit-t3 {
	font-size: 12px;
	color: #11beb8;
}
.tit-p1 {
	font-size: 16px;
	color: #888;
}
.tit-p2 {
	font-size: 12px;
	color: #333;
}
.tit-14-1 {
	font-size: 14px;
	color: #888;
}
.tit-14-2 {
	font-size: 14px;
	color: #333;
}
.tit-14-3 {
	font-size: 14px;
	color: #11beb8;
}
.rownav_l {
	display: block;
	float: left;
	width: 16%;
	height: 48px;
	background-image: url(../img/m_17.png);
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

/* common list-top */
.list-top {
	margin-top:20px;
	margin-bottom:20px;
	padding:1px 6px;
	color:#666;
	font-size: 14px;
	background-color:#EBEBEB;
	-webkit-border-radius: 3px;
	border-radius:3px;
	margin-left:15px;
	margin-right:15px;
}
.list-top span {
	display:inline-block;
	color:#11beb8;
}

/* common select */
.custom-dropdown {
	margin: 0;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
}
.custom-dropdown_select {
	margin: 0;
	width: 100%;
	padding-left: 8px;
	line-height: 40px;
	color: #11beb8;
	font-size: 14px;
	text-align: left;
	border: 1px solid #e5e5e5;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border-radius: 3px;
	background-color: #FFF;
	background-clip: padding-box;
	-webkit-appearance: none;
	-moz-appearance: none;
		 appearance: none;
}
.custom-dropdown_select option {
	padding-left: 8px;
	color: #11beb8;
}
.custom-dropdown::before,
.custom-dropdown::after {
	content: "";
	position: absolute;
	pointer-events: none;
}
.custom-dropdown::after {
	content: "";
	position: absolute;
	top: 18px;
	right: 10px;
	color: #bbbbbb;
	border-width: 6px;
	border-style: solid;
	border-color: #e5e5e5 transparent transparent transparent;
}
.custom-dropdown::before { /*  Custom dropdown arrow cover */
	right: 0; top: 0; bottom: 0;
	width: 2em;
	border-radius: 0 3px 3px 0;
}

/* common onoffswitch */
#check_frame .checkbox { display: none; }
#check_frame .trigger {
  cursor: pointer;
  position: relative;
  float: left;
  width: 46px;
  height: 28px;
  background: #e9e9e9;
  overflow: hidden;
  -webkit-transition: background .15s linear;
  border-radius: 999px;
  -webkit-border-radius: 999px;
}
#check_frame .checkbox:checked + .trigger { background: #48cfad; margin-top: 5px;}
#check_frame .trigger:before {
  content: '';
  position: absolute;
  top: 0; left: 0; bottom: 0;
  width: 26px;
  height: 26px;
  margin: auto 1px;
  background:#fff;
  -webkit-transition: left .15s linear;
  border-radius:999px;
  -webkit-border-radius:999px;
}
#check_frame .checkbox:checked + .trigger:before { left: 18px; }
.onoffswitch span{
	display: inline-block;
	margin-top: 8px;
	margin-left:10px;
	font-size:12px;
	color:#11beb8;
}
.switch-text {
	display:block;
	float:left;
	margin:2px 0 0 10px;
	font-size:12px;
	color:#3498db;
}
.onoffswitch {
	position: relative;
	float:left;
	margin:5px 0 6px 5px;
	width:120px;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select: none;
}
.onoffswitch-checkbox { display: none; }
.onoffswitch-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	border-radius: 6px;
}
.onoffswitch-inner {
	display: block;
	width: 200%;
	margin-left: -100%;
	-moz-transition: margin 0.2s ease-in 0s;
	-webkit-transition: margin 0.2s ease-in 0s;
	-o-transition: margin 0.2s ease-in 0s;
	transition: margin 0.2s ease-in 0s;
}
.onoffswitch-inner:before,
.onoffswitch-inner:after {
	display: block;
	float: left;
	width: 50%;
	height: 23px;
	padding: 0;
	line-height: 25px;
	font-size: 12px;
	color: white;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0; }
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {right: 0px; }

/* common black box */
.blackbox{
	position:fixed;
	width:100%;
	height:100%;
	text-align:center;
	background-color:rgba(0,0,0,.7);
}

/* common star */
.star img {
	height:10px;
	margin-right:-3px;
	margin-top: -4px;
}

/* common come  */
.row-come {
	margin-left: 15px;
	margin-right: 15px;
	padding: 15px;
}
.row-come .img-circle {  }
.row-come .peo {
	float:left;
	width: 25%;
	height: 88px;
	text-align: center;
}
.row-come .peo .t {
	position: relative;
	margin: 5px auto;
	width: 42px;
	height: 42px;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border: 2px solid;
	background-size: contain !important;
	background-repeat: no-repeat;
}
.row-come small { color: #CCC; }
.row-come h4 {
	display: block;
	margin-top: 20px;
	margin-bottom: 0;
	padding-bottom: 5px;
	color: #999;
	text-align: left;
	font-size: 14px;
	font-weight: normal;
}
.row-come .peo h5 {
	display: block;
	margin: 0;
	color: #11beb8;
	font-size: 11px;
}
.row-come .industry{
	position: absolute;
	top: -4px;
	right: -4px;
	height: 18px;
	line-height: 18px;
	width: 18px;
	color: #fff;
	font-size:10px;
	font-weight: bolder;
	text-align: center;
	background-color: #000;
	border-radius: 30px;
	border: 1px solid #fff;
}

/* common talk  */
.row-talk .form-control {
	background-color: #e5e5e5;
	border: 0;
	box-shadow: none;
}
.row-talk .btn-default {
	border: 0;
	height: 40px;
	line-height: 40px;
	padding: 0 16px;
	color: #fff;
	background-color: #bbb;
}
.row-talk { padding: 15px; }
.row-talk .btn-group { margin-top: 20px; }
#talk {
	margin: 15px 0 0 0;
	width: 100%;
	height: 40px;
	color: #11beb8;
	font-size: 14px;
	font-weight: bold;
	background: 0;
	border-radius: 6px;
	border-color: #11beb8;
}
#talk img {
	display: inline-block;
	height:12px;
}
.row-talk .row-detail { margin: 15px -15px 0 -15px; }
.row-talk .arrow-2 { display: none; }
.row-talking {
	height: auto;
	width: 85%;
	margin: 0 auto;
	padding: 6px 0;
}
.row-talking img {
	padding: 0;
	height: 34px;
	border: 2px solid;
}
.row-talking .col-xs-3 { text-align: center; }
.row-talking .col-xs-9 { padding: 0; }
.row-talking h1 {
	display: block;
	margin-top: 0;
	margin-bottom: 5px;
	font-size: 14px;
}
.row-talking strong {
	line-height: 1.1;
	font-weight: bolder;
	margin-top:15px;
}
.row-talking  small {
	display: block;
	font-size: 14px;
	font-weight: 300;
}

/* common tags  */
.tags .list-group-item { border: 0; }
.tag-box .btn-group .btn-default:hover { background-color: #fff; }
.tag-box,
.fit-box {
	padding: 9px 9px 0 9px;
	margin-bottom: 4px;
	min-height: 115px;
	text-align: left;
	border: 1px dashed;
	border-color: #bbbbbb;
	border-radius: 3px;
}
.tag-info,
.beni-info {
	padding: 0 9px 0 9px;
	margin-bottom: 20px;
	height: auto;
	text-align: left;
}
.btn-group { margin: 0 8px 9px 0; }
.notext,
.notext2 {
	margin-top: 30px;
	font-size: 16px;
	color: #bbbbbb;
	font-weight: bolder;
	line-height: 1.2;
	text-align: center;
}
.beni-info .next-title,
.tag-info .next-title {
	margin-top: 2px;
	color: rgba(17,190,184,.6);
	font-size: 14px;
	text-align: left;
}
.tags .form-group { margin-bottom: 0; }
.tag-info .btn-group .btn-default,
.beni-info .btn-group .btn-default {
	background-color: rgba(17,190,184,.5);
	color: #fff;
	border: 0;
}
.tag-info .btn-group .btn-default:hover
.beni-info .btn-group .btn-default:hover {
	background-color: rgba(17,190,184,.5)
}
.btn-group .btn-default {
	margin: 0;
	padding: 4px 23px 4px 4px;
	height: auto;
	min-height: 26px;
	line-height: 1;
	color: #11beb8;
	font-size: 14px;
	border: 1px solid #11beb8;
	white-space: normal;
}
.tag-box .btn-group .btn-default:hover,
.fit-box .btn-group .btn-default:hover {
	background-color: #fff;
}
.tags .btn-group .btn { border-radius: 3px; }
.tag-info .glyphicon-plus,
.beni-info .glyphicon-plus {
	position: absolute;
	display:inline-block;
	margin-left: 5px;
	top: 6px;
	right: 6px;
	font-size: 12px;
}
.tag-box .glyphicon-remove,
.fit-box .glyphicon- {
	position: absolute;
	top: 5px;
	right: 6px;
	color: rgba(17,190,184,.6);

}

/* common select  */
.black .background {
	z-index: 100;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.7);
}
.black .select {
	position: fixed;
	top: 42px;
	left: 10%;
	z-index: 101;
	width:84%;
	height: 80%;
	box-shadow: 0 0 10px #000;
}
.black .select .sel-list {
	overflow: scroll;
	height: 100%;
	background-color: #fff;
}
.black .sel-item {
	height: 42px;
	line-height: 42px;
	color: #11beb8;
	font-size: 14px;
	background-color: #fff;
	text-align: center;
	border-bottom: 1px solid #e5e5e5;
	display: block;
}
.black .select .sel-item:last-child { border: 0; }
.black .sel-tit {
	position: relative;
	padding-left: 18px;
	line-height: 56px;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	background-color: #11beb8;
	text-align: left;
	border: 0;
	overflow: visible;
}
.black .sel-close {
	z-index: 99;
	position: absolute;
	top: -15px;
	right: -15px;
	height: 36px;
	width: 36px;
	padding: 0;
	color: #11beb8;
	font-size: 12px;
	text-align: center;
	background-color: #fff;
	opacity: 1;
	border: 1px solid #11beb8;
	border-radius: 999px;
}
.black .sel-close img {
	margin-top: -23px;
	height: 18px;
}
.black .sel-list span { position: relative; }
.black .sel-list img {
	position: absolute;
	top: 3px;
	left: -18px;
	height: 10px;
}

/* animation */
.animation{
	color:red;
	background:rgba(220,220,220,.0);
	animation:bling 1s linear 0s 1 normal;
    -moz-animation:bling 1s linear 0s 1 normal;	/* Firefox */
    -webkit-animation:bling 1s linear 0s 1 normal;	/* Safari 鍜� Chrome */
    -o-animation:bling 1s linear 0s 1 normal;
}

.animation:-moz-placeholder {
	color:red;
}
.animation::-moz-placeholder {
	color: red;
 	opacity: 1;
}
.animation:-ms-input-placeholder {
	color: red;
}
.animation::-webkit-input-placeholder {
	color:red;
}
@keyframes bling
{
0% {background:rgba(255,0,0,.0);}
25% {background:rgba(255,0,0,.1);}
50% {background:rgba(255,0,0,.0);}
75% {background:rgba(255,0,0,.1);}
}

@-moz-keyframes bling
{
0% {background:rgba(255,0,0,.0);}
25% {background:rgba(255,0,0,.1);}
50% {background:rgba(255,0,0,.0);}
75% {background:rgba(255,0,0,.1);}
}

@-webkit-keyframes bling
{
0% {background:rgba(255,0,0,.0);}
25% {background:rgba(255,0,0,.1);}
50% {background:rgba(255,0,0,.0);}
75% {background:rgba(255,0,0,.1);}
}

@-webkit-keyframes bling
{
0% {background:rgba(255,0,0,.0);}
25% {background:rgba(255,0,0,.1);}
50% {background:rgba(255,0,0,.0);}
75% {background:rgba(255,0,0,.1);}
}

@-o-keyframes bling
{
0% {background:rgba(255,0,0,.0);}
25% {background:rgba(255,0,0,.1);}
50% {background:rgba(255,0,0,.0);}
75% {background:rgba(255,0,0,.1);}
}

/* dxbox */
.dxbox {
	width:90%;
}
.dxbox .dxbox-content {
	/*border: 1px solid #11beb8;*/
	height:auto;
	background:#fff;
	position:relative;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:20px;
}

.dxbox .dxbox-body{
	margin-top:20px;
	color:#555;
}

.dxbox .dxbox-body p {
	margin-top: 24px;
}

.dxbox-footer{
	width:100%;
	margin:auto;
	text-align:center;
	margin-top:30px;
	white-space:nowrap;
}

.dxbox .dxbtn {
	font-size: 14px;
	border-radius:999px;
	webkit-border-radius:999px;
	display:inline-block;
	touch-action:manipulation;
	-webkit-user-select:none;
	background-image:none;
	border: 1px solid transparent;
}

.dxbox .dxbtn-cancel{
	width:40%;
	color:#11beb8;
	line-height:32px;
	background: #FFF;
	border:1px #11beb8 solid;
}

.dxbox .dxbtn-ok{
	color: #FFF;
	padding:6px 0;
	width:40%;
	background:#11beb8;
	white-space:nowrap;
}

.dxbox .dxbtn-close{
	font-size: 70px;
	font-weight: normal;
	margin-top: -5px;
	margin-right: -2px;
}

/*------------------------------------------loading-1--------------------------------------------------*/
.LoadingBar{
	width:100%;
	height:100%;
	background:rgba(0,0,0,.8);
	z-index:99999;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	color:#fff;
	text-align:center;
	display: none;
}

.LoadingBar .intro{
	position:absolute;
	top:50%;
	left:50%;
	margin-top: -25px;
	margin-left: -35px;
}

.LoadingBar .intro p{
	font-size:16px;
}
.box6 {
	display: none;
	position: fixed;
	background-color: rgba(0,0,0,.6);
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 9998;
}
.loading-1{
	position: fixed;
	width:28px;
	height:28px;
	opacity:0.7;
	top: 45%;
	left: 50%;
	margin-left: -14px;
	margin-top: -14px;
	filter:alpha(opacity=70);
	-webkit-animation: rotateplane 1.2s infinite ease-in-out;
	animation: rotateplane 1.2s infinite ease-in-out;}
@-webkit-keyframes rotateplane {
	0% { -webkit-transform: perspective(120px) }
	50% { -webkit-transform: perspective(120px) rotateY(180deg) }
	100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}
@keyframes rotateplane {
	0% {transform: perspective(120px) rotateX(0deg) rotateY(0deg);
		-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)}
	50% {transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
		-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)}
	100% {transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
		-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);}
}


/*------------------------------------------loading-2--------------------------------------------------*/
.get_more{
	width:100%;
	margin:auto;
	text-align:center;
	color:#CCC;
}
.loadingcircle{
	margin:auto;
	text-align:center;
}
.loadingcircle .circle{
	margin:auto;
	text-align:center;
	border-radius:24px;
	-webkit-border-radius:24px;
}
.circle_left{
	position:relative;
	top:0px;
	background:#18d4cd;
	width:24px;
	height:24px;
	animation:circle1 1s linear 0s infinite alternate;
    -moz-animation:circle1 1s linear 0s infinite alternate;	/* Firefox */
    -webkit-animation:circle1 1s linear 0s infinite alternate;	/* Safari 和 Chrome */
    -o-animation:circle1 1s linear 0s infinite alternate;
}

@-webkit-keyframes circle1 {
0% {
top:24px;
opacity:.1;
-webkit-transform: scale3d(0.7, 0.7,0.7);
transform: scale3d(0.7, 0.7, 0.7);
}

33% {
opacity:.5;
-webkit-transform: scale3d(0.8, 0.8, 0.8);
transform: scale3d(0.8, 0.8, 0.8);
}

66% {
opacity:.1;
-webkit-transform: scale3d(0.7, 0.7,0.7);
transform: scale3d(0.7, 0.7, 0.7);
}

100% {
opacity:.5;
-webkit-transform: scale3d(0.8, 0.8, 0.8);
transform: scale3d(0.8, 0.8, 0.8);
}
}
@keyframes circle1 {
0% {
top:24px;
opacity:.1;
-webkit-transform: scale3d(0.7, 0.7,0.7);
transform: scale3d(0.7, 0.7, 0.7);
}

33% {
opacity:.5;
-webkit-transform: scale3d(0.8, 0.8, 0.8);
transform: scale3d(0.8, 0.8, 0.8);
}

66% {
opacity:.1;
-webkit-transform: scale3d(0.7, 0.7,0.7);
transform: scale3d(0.7, 0.7, 0.7);
}

100% {
opacity:.5;
-webkit-transform: scale3d(0.8, 0.8, 0.8);
transform: scale3d(0.8, 0.8, 0.8);
}
}

.circle_right{
	position:relative;
	top:0px;
	background:#18d4cd;
	width:24px;
	height:24px;
	animation:circle2 1s linear 0s infinite alternate;
    -moz-animation:circle2 1s linear 0s infinite alternate;	/* Firefox */
    -webkit-animation:circle2 1s linear 0s infinite alternate;	/* Safari 和 Chrome */
    -o-animation:circle2 1s linear 0s infinite alternate;
}

@-webkit-keyframes circle2 {
0% {
top:-24px;
opacity:.5;
-webkit-transform: scale3d(0.6, 0.6, 0.6);
transform: scale3d(0.6, 0.6, 0.6);
}

33% {
opacity:.1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}

66% {
opacity:.5;
-webkit-transform: scale3d(0.6, 0.6, 0.6);
transform: scale3d(0.6, 0.6, 0.6);
}

100% {
opacity:.1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes circle2 {
0% {
top:-24px;
opacity:.5;
-webkit-transform: scale3d(0.6, 0.6, 0.6);
transform: scale3d(0.6, 0.6, 0.6);
}

33% {
opacity:.1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}

66% {
opacity:.5;
-webkit-transform: scale3d(0.6, 0.6, 0.6);
transform: scale3d(0.6, 0.6, 0.6);
}

100% {
opacity:.1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}

#clickMore{
	margin:auto;
	text-align:center;
	color:#CCC;
	height:54px;
	line-height:54px;
}

.nomore{
	margin:auto;
	text-align:center;
	color:#CCC;
	height:54px;
	line-height:54px;
}

/* side nav */
.nav_list{
	height:100%;
	width:80%;
	background:#f1f1f1;
	margin:auto;
	position:fixed;
	top:0;
	right:-80%;
	bottom:0;
	z-index:3;
}
.nav_list a:link,
.nav_list a:hover,
.nav_list a:focus,
.nav_list a:active,
.nav_list a:visited { text-decoration: none; }
.nav_list .side-arrow {
	position:absolute;
	z-index: 3;
	top: 0;
	left: -20%;
	height: 48px;
	width: 20%;
}
.side_open {
	height: 100%;
	width: 100%;
	background-color: rgba(255,255,255,0);
	background-image: url(../img/side_icon.png);
	background-size: 24px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.side_close {
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0);
	background-image: url(../img/m_30.png);
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.blackground{
	position:fixed;
	z-index:3;
	width:100%;
	height:100%;
	top: 0;
	left: 0;
	text-align:center;
	background-color:rgba(0,0,0,.5);
	display:none;
}
.nav_list_trans{
	right:0%;
    transition: right .4s;
    -moz-transition: right .4s; /* Firefox 4 */
    -webkit-transition: right .4s; /* Safari 和 Chrome */
    -o-transition: right .4s;
}
.nav_list_back{
	right:-80%;
    transition: right .4s;
    -moz-transition: right .4s; /* Firefox 4 */
    -webkit-transition: right .4s; /* Safari 和 Chrome */
    -o-transition: right .4s;
}
.nav_list .person {
	width: 100%;
	height: auto;
	padding: 6% 10%;
	vertical-align: middle;
	background-color: #fff;
}
.nav_list .person img {
	border-radius: 999px;
	height: 56px;
	width: 56px;
}
.nav_list .person span {
	color: #11beb8;
	font-size: 15px;
	padding-left: 20px;
}
.nav_info {
	margin-bottom: 16px;
}
.nav_li {
	display: block;
	padding: 3% 10%;
	color: #282526;
	font-size: 14px;
	background-color: #fff;
	border-bottom: 1px solid #f4f4f4;
	background-image: url(../img/m_16.png);
	background-repeat: no-repeat;
	background-position: 90% 50%;
	background-size: 13px;
}
.li_color {
	background-color: #f6f6f6;
	border-top: 1px solid rgba(0,0,0,.6);
	border-bottom: 1px solid rgba(0,0,0,.6);
}
a.nav_li:hover,
a.nav_li:visited,
a.nav_li:active,
a.nav_li:focus {
	text-decoration: none;
	color: #282526;
}
.nav_info .nav_li:last-child { border:0; }
.nav_icon {
	display: inline-block;
	height: 28px;
	width: 28px;
	border-radius: 999px;
	vertical-align: middle;
	background-size: 11px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	animation:.1s;
    -moz-animation:.1s;
    -webkit-animation:.1s;
    -o-animation:.1s;
}
.nav_text {
	vertical-align: middle;
	padding-left: 12px;
}
.navicon_1 {
	border: 1px solid #11beb8;
	background-image: url(../img/m_09.png);
	animation-delay:.1s;
    -moz-animation-delay:.1s;
    -webkit-animation-delay:.1s;
    -o-animation-delay:.1s;
}
.navicon_0 {
	border: 1px solid #11beb8;
	background-image: url(../img/m_21.png);
	animation-delay:.1s;
    -moz-animation-delay:.1s;
    -webkit-animation-delay:.1s;
    -o-animation-delay:.1s;
}
.navicon_2 {
	border: 1px solid #eb698b;
	background-image: url(../img/m_10.png);
	animation-delay:.2s;
    -moz-animation-delay:.2s;
    -webkit-animation-delay:.2s;
    -o-animation-delay:.2s;
}
.navicon_3 {
	border: 1px solid #2fe254;
	background-image: url(../img/m_11.png);
	animation-delay:.3s;
    -moz-animation-delay:.3s;
    -webkit-animation-delay:.3s;
    -o-animation-delay:.3s;
}
.navicon_4 {
	border: 1px solid #d34c23;
	background-image: url(../img/m_12.png);
	animation-delay:.4s;
    -moz-animation-delay:.4s;
    -webkit-animation-delay:.4s;
    -o-animation-delay:.4s;
}
.navicon_5 {
	border: 1px solid #618ee0;
	background-image: url(../img/m_13.png);
	animation-delay:.5s;
    -moz-animation-delay:.5s;
    -webkit-animation-delay:.5s;
    -o-animation-delay:.5s;
}
.navicon_6 {
	border: 1px solid #e68e59;
	background-image: url(../img/m_14.png);
	animation-delay:.6s;
    -moz-animation-delay:.6s;
    -webkit-animation-delay:.6s;
    -o-animation-delay:.6s;
}
.navicon_7 {
	border: 1px solid #26c4be;
	background-image: url(../img/m_15.png);
	animation-delay:.7s;
    -moz-animation-delay:.7s;
    -webkit-animation-delay:.7s;
    -o-animation-delay:.7s;
}
@-webkit-keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.2, 1.2, 1.2);
transform: scale3d(1.2, 1.2, 1.2);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.13, 1.13, 1.13);
transform: scale3d(1.13, 1.13, 1.13);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.2, 1.2, 1.2);
transform: scale3d(1.2, 1.2, 1.2);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.13, 1.13, 1.13);
transform: scale3d(1.13, 1.13, 1.13);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
-webkit-animation-duration: .75s;
animation-duration: .75s;
}

/* bottom nav */
.btm_nav {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 60px;
	padding: 0 30px;
	background-color: #f5f5f5;
}
.btm_nav a:hover { text-decoration: none; }
.btm_nav .btm_btn {
	display: block;
	float: left;
	width: 33.33333333%;
	text-align: center;
	font-size: 12px;
	color: #b1b1b1;
}
.btm_nav .btm_btn span {
	padding-top: 34px;
	display: block;
}
.btm_btn {
	background-size: 24px;
	background-repeat: no-repeat;
	background-position: 50% 10px;
}
.chat_bottom {
	clear: both;
	height: 60px;
}
.chat_top { height: 48px; }
.btm_l {
	background-image: url(../img/eyes.png);
}
.btm_c {
	background-image: url(../img/hat.png);
}
.btm_r {
	background-image: url(../img/person.png);
}
.btm_color_l { background-image: url(../img/eyes_hover.png); }
.btm_color_c { background-image: url(../img/hat_hover.png); }
.btm_color_r { background-image: url(../img/person_hover.png); }

.btm_color_l span { color: #11beb8; }
.btm_color_c span { color: #11beb8; }
.btm_color_r span { color: #11beb8; }

/* mbox start by silverd*/
.mbox {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1050;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    width:100%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.mbox-dialog {
    position: relative;
    width: 90%;
    margin: auto auto 10px auto;

}
@media (min-width: 768px)
.mbox-dialog {
    width: 600px;
    margin: 30px auto;
}
.mbox.in .mbox-dialog {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}
.mbox .mbox-header {
    position: relative;
}
.mbox .mbox-title {
    position: absolute;
    left: 0;
    top: 10px;
    font-size: 20px;
    font-weight: bold;
    color: #11beb8;
}
.mbox .mbox-content {
    border: 1px solid #FFF;
    height:auto;
    background:#fff;
    position:relative;
    text-align:center;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:20px;
}
.mbox .mbox-body {
    margin-top:30px;
    color:#555;
}
.mbox .mbox-body p {
    margin-top: 24px;
}
.mbox .mbox-footer {
    margin:auto;
    text-align:center;
    margin-top:30px;
    white-space:nowrap;
}
.mbox .mbox-btn {
    width:40%;
    font-size: 14px;
    border-radius:999px;
    webkit-border-radius:999px;
    display:inline-block;
    touch-action:manipulation;
    -webkit-user-select:none;
    background-image:none;
    border: 1px solid transparent;
    line-height:32px;
    white-space:nowrap;
}
.mbox .mbox-btn-light {
    color:#11beb8;
    background: #FFF;
    border:1px #11beb8 solid;
}
.mbox .mbox-btn-deep {
    color: #FFF;
    background:#11beb8;
    border:1px #11beb8 solid;
}
.mbox .mbox-btn-cha {
    position: absolute;
    right: 0;
    font-size: 70px;
    font-weight: normal;
    margin-top: 0;
    margin-right: -2px;
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    display: inline;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.2;
    height: 48px;
	width: 48px;
	background-image: url(../img/m_20.png);
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: 50% 50%;
}
.mbox .mbox_btn_no {
	background-color: #e1e1e1;
}
/* mbox end by silverd*/

/* mbox-2*/
.mbox-2 .mbox-dialog .mbox-content {
	border: 0;
	padding: 0;
}
.mbox-2 .mbox-header {
	background-color: #11beb8;
	height: 48px;
	line-height: 48px;
}
.mbox-2 .mbox-header .mbox-title {
	padding-left: 12px;
	padding-right: 12px;
	margin-top: -10px;
	color: #fff;
	font-size: 16px;
}
.mbox-2 .mbox-header .mbox-title img {
	display: block;
	float: left;
	margin: 12px 8px 0 0;
	height: 26px;
}
.mbox-2 .mbox-body {
	padding: 34px 26px;
	margin-top: 0;
}
.mbox-2 .mbox-body .group-list .g-check {
	height: 20px;
	width: 20px;
	padding: 0;
	border: 2px solid #d6d6d6;
	float: left;
	border-radius: 999px;
	background-color: #fff;
}
.mbox-2 .mbox-body .group-list .g-checked {
	border: 0;
	background-color: #11beb8;
	background-image: url(../img/m-02.png);
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: 3px 2px;
}
.mbox-2 .mbox-footer {
	padding: 0 26px 34px 26px;
	margin-top: 0;
}
.mbox-2 .mbox-footer .mbox-btn {
	height: 44px;
	width: 40%;
	line-height: 44px;
	font-size: 14px;
	border-radius: 3px;
	border: 0;
}
.mbox-2 .mbox-footer .mbox-btn-deep {
	color: #fff;
	background-color: #11beb8;
}
.mbox-2 .mbox-footer .mbox-btn-light {
	color: #11beb8;
	background-color: #fff;
	border: 1px solid #11beb8;
}

/* mbox-3 */
.mbox3 {
	position: fixed;
	top: 42px;
	left: 8%;
	z-index: 101;
	margin: 0 auto;
	width: 85%;
	height: 80%;
	box-shadow: 0 0 10px #000;
}
.mbox3 .title {
	height: 48px;
	line-height: 48px;
	width: 100%;
	padding-left: 12px;
	color: #fff;
	font-size: 12px;
	background-color: #11beb8;
}
.mbox3 .title .close {
	height: 36px;
	width: 36px;
	margin-top: 9px;
	background-image: url(../img/m_20.png);
	background-repeat: no-repeat;
	background-size: 28px;
	background-position: 0 0;
}
.mbox3 .mbox3-body {
	height: 100%;
	background-color: #fff;
	overflow: scroll;
}
.mbox3 dd {
	position: relative;
	width: 100%;
	height: 44px;
	margin: 0;
	line-height: 44px;
	color: #11beb8;
	font-size: 14px;
	text-align: center;
	border-bottom: 1px solid #e5e5e5;
}
.mbox3 dd:last-child { border: 0; }
.mbox3 .seled {
	display: block;
	position: absolute;
	top: 16px;
	right: 20px;
	height: 18px;
	width: 18px;
	background-image: url(../img/moicon-selected.png);
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: 0 0;
}






